<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="not-ie" lang="en"> <!--<![endif]-->
<head>
	<!-- Basic Meta Tags -->
  <meta charset="utf-8">
  <title>RILEY - template by entiri</title>
	<meta name="description" content="RILEY - Responsive HTML Template by entiri">
	<meta name="keywords" content="riley, entiri, theme, template, store, eshop, shop, unique, multipurpose, sliders, corporate, clean, modern, bootstrap, creative, design">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--[if (gte IE 9)|!(IE)]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <![endif]--> 

  <!-- Favicon -->
  <link href="img/favicon.png" rel="icon" type="image/png">

  <!-- Bootstrap -->
  <link href="css/bootstrap.css" rel="stylesheet">
  
  <!-- Styles -->
  <link href="css/styles.css" rel="stylesheet" id="color-style"> 

  <!-- LayerSlider Styles -->
  <link href="layerslider/css/layerslider.css" rel="stylesheet">

  <!-- Revolution CSS -->
  <link href="rs-plugin/css/settings.css" rel="stylesheet" media="screen">

  <!-- Flexslider CSS -->
  <link href="css/flexslider.css" rel="stylesheet">

  <!-- Refine Slider -->
  <link href="css/refineslide.css" rel="stylesheet">  
                              
  <!-- Magnific Popup -->
  <link href="css/magnific-popup.css" rel="stylesheet"> 

  <!-- Animate -->    
  <link href="css/animate.css" rel="stylesheet">

  <!-- Font Awesome Style -->
  <link href="css/font-awesome.min.css" rel="stylesheet">
  
  <!-- Entypo Icons -->    
  <link href="css/entypo.css" rel="stylesheet">

  <!-- Web Fonts -->
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800' rel='stylesheet' type='text/css'>
  
	<!-- Internet Explorer condition - HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->   

	<script src="js/modernizr.js"></script>
</head>       
<body>

  <!-- Header -->
  <header> 

    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="top-container">
            <!-- Logo -->                       
      			<a href="index.html" class="logo" title="Home"><img src="img/logo.png " alt=""></a>                     
  
            <!-- Top Items --> 
            <ul class="top-items">
              <li><i class="fa fa-lightbulb-o"></i>Hotline: +321 088 670</li>
              <li class="red"><i class="fa fa-envelope-o"></i><a href="mailto:info@yoursite.com" class="red">info@yoursite.com</a></li>
            </ul>
            <!-- Top Items End --> 
          </div>
        </div> 
      </div> 
    </div> 

    <!-- Nav -->
    <nav class="navbar" role="navigation">
      <div class="navbar-inner">
        <div class="container">     
          <!-- Menu -->
          <ul class="nav navbar-nav" id="nav">
            <li><a href="index.html" title="">Home</a>
              <!-- Submenu -->
  						<ul>
                <li><a href="index-2.html" title="">Home 2 - Parallax</a></li>
                <li><a href="index-3.html" title="">Home 3 - Refine Slider</a></li>
                <li><a href="index-4.html" title="">Home 4 - Flex Slider</a></li>
                <li><a href="index-5.html" title="">Home 5 - Video</a></li>
                <li><a href="index-6.html" title="">Home 6 - Top Bar</a></li>
                <li><a href="index-7.html" title="">Home 7 - Footer 2</a></li>
                <li><a href="index-8.html" title="">Home 8 - Shop</a></li>
                <li><a href="index-9.html" title="">Home 9 - Shop 2</a></li>
                <li><a href="index-10.html" title="">Home 10 - Revolution Slider</a></li>
  						</ul>
              <!-- Submenu End -->
            </li>
            <li><a href="services.html" title="">Services</a></li> 
            <li><a href="about.html" title="">About</a></li> 
            <li><a href="projects.html" title="">Projects</a> 
              <!-- Submenu -->
  						<ul>
                <li><a href="projects-2.html" title="">2 Columns</a></li>
                <li><a href="projects-3.html" title="">3 Columns</a></li>
                <li><a href="projects-4.html" title="">2 Columns Boxed</a></li>
                <li><a href="projects-5.html" title="">3 Columns Boxed</a></li>
                <li><a href="projects-6.html" title="">4 Columns Boxed</a></li>
                <li><a href="projects-7.html" title="">3 Columns Full Width</a></li>
                <li><a href="projects-8.html" title="">4 Columns Full Width</a></li>
                <li><a href="projects-9.html" title="">6 Columns Full Width</a></li>
                <li><a href="project-detail.html" title="">Project Detail</a></li> 
  						</ul>
              <!-- Submenu End -->
            </li>
            <li><a href="blog.html" title="">Blog</a>
              <!-- Submenu -->
  						<ul>
                <li><a href="blog-full.html" title="">Blog Full Width</a></li> 
                <li><a href="blog-detail.html" title="">Blog Detail</a></li> 
  						</ul>
              <!-- Submenu End -->
            </li>
            <li class="selected"><a href="components.html" title="">Features</a>
              <!-- Submenu -->
  						<ul>
                <li class="selected"><a href="components.html" title="">Components</a></li>
                <li><a href="entypo.html" title="">Entypo Icons</a></li>
                <li><a href="icons.html" title="">Awesome Icons</a></li>
                <li><a href="pricing.html" title="">Pricing Tables</a></li>
                <li><a href="grid.html" title="">Grid System</a></li>
                <li><a href="#" title="">2nd Submenu</a>
                  <!-- Submenu 2nd -->
      						<ul>
                    <li><a href="#" title="">Item 001</a></li> 
                    <li><a href="#" title="">Item 002</a></li> 
                    <li><a href="#" title="">Item 003</a></li> 
                    <li class="selected"><a href="#" title="">Item 004 - Active</a></li> 
      						</ul>
                  <!-- Submenu 2nd End -->
                </li>
  						</ul>
              <!-- Submenu End -->
            </li> 
            <li><a href="contact.html" title="">Contact</a>
  						<ul>
                <li><a href="contact-2.html" title="">Contact 2</a></li> 
                <li><a href="contact-3.html" title="">Contact 3</a></li> 
  						</ul>
            </li> 
          </ul>
          <!-- Menu End -->      
           
          <!-- Social Top --> 
          <div class="social-top social-6">
            <a href="#"><i class="fa fa-dribbble"></i></a>
            <a href="#"><i class="fa fa-dropbox"></i></a>
            <a href="#"><i class="fa fa-facebook"></i></a>
            <a href="#"><i class="fa fa-flickr"></i></a>
            <a href="#"><i class="fa fa-linkedin"></i></a>
          </div>  
          <!-- Social Top End -->  
          
        </div> 
      </div>  
    </nav>
    <!-- Nav End -->
    
  </header>
  <!-- Header End -->
                      
  <!-- Content -->    
  <div class="breadcrumb-container">
    <div class="container">  
      <div class="row">  
        <div class="col-md-12">
          <h1>Components</h1>
          <ol class="breadcrumb">
            <li><a href="index.html">Home</a></li>
            <li><a href="#">Features</a></li>
            <li class="active">Components</li>
          </ol>
        </div>  
      </div> 
    </div> 
  </div>

  <div class="space20"></div>

  <!-- Accordion -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Accordion</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
  
        <div class="accordion" id="accordion2">
          <div class="accordion-group">
            <div class="accordion-heading">
              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                Information #1
              </a>
            </div>
            <div id="collapseOne" class="accordion-body collapse in">
              <div class="accordion-inner">
                Officia deserunt mollit anie wafer wypas candy canes toffee. Co adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Dlit ors vestibulum.
              </div>
            </div>
          </div>
          <div class="accordion-group">
            <div class="accordion-heading">
              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
                Information #2
              </a>
            </div>
            <div id="collapseTwo" class="accordion-body collapse">
              <div class="accordion-inner">
                Pie wafer wypas candy canes toffee. Co adipisicing elit, sed do. Chocolate cake sweet cotton candy toffee topping lollipop. Eeiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in repreh adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
              </div>
            </div>
          </div>
          <div class="accordion-group">
            <div class="accordion-heading">
              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
                Information #3
              </a>
            </div>
            <div id="collapseThree" class="accordion-body collapse">
              <div class="accordion-inner">
                Dolore magna aliqua. Duis aute irure dolor in repreh adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptaenderit in voluptaokie icing candy jelly oat cake chupa chups bear claw topping applicake. Cookie danish dessert pie. Marshmallow wypas dessert. Chocolate cake sweet cotton candy .
              </div>
            </div>
          </div>
        </div>
        
      </div>
    </div>
  </div> 
  <!-- Accordion End -->

  <div class="space60"></div>
  
  <!-- Tabs -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Tabs</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
  
        <div class="tabbable">
          <ul class="nav nav-tabs">
            <li class="active"><a href="#tab1-1" data-toggle="tab"><i class="fa fa-fire"></i>Tab 1</a></li>
            <li><a href="#tab1-2" data-toggle="tab"><i class="fa fa-pencil"></i>Tab 2</a></li>
            <li><a href="#tab1-3" data-toggle="tab"><i class="fa fa-check"></i>Tab 3</a></li>
            <li><a href="#tab1-4" data-toggle="tab"><i class="fa fa-calendar"></i>Tab 4</a></li>
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="tab1-1">
              <h3>I'm in Section 1</h3>
              <p>Ut wisi enim ad minim veniam, quis nostrud exeinim veniam, quis nostrud exerci tation ullamcorper susc nostrudexerci tation ullamcoramcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendinim veniud exerci tauscipit lobortis nisl ut aliquip ex ea coiipit lobmmodo consequatrci ta etiam processus dynamicus, and mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc. Parum claram, anteposuerit litterarum formas humanitattion ullamcorper suscipit lobrerit in vul.</p>
              <p>niam, quis nostrud exerci tauat. Duis autem vel eum iriure dolor in hendinim veniam, quis nostrud exerexerci tation ullamcoramcorper suscipit lobortis nisl ut aliquip ex ea commodo consequrud exerci tation ullamcorper susc nostrudexerci tation ullamtion ullamcoer susc nostrudexerci tation ullamcoramcorper suscipit lobor</p>
            </div>
            <div class="tab-pane" id="tab1-2">
              <h3>I'm in Section 2</h3>
              <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcinim veniam, quis nostrud exerci tation ullamcorper t lobortis nisl ut alisequat. Duis autem vel einim veniam, quis nostrud exerim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea coiipit lobmmodo consequatinim veniam, quis nostrud exerci tation ullamcorper suscipit lobci tation ullamcorper suscipit lobum iriure dolor in hendrerit in vul</p>
              <p>Ut wisi enim ad minim veniam, quis nostrud exeinim veniam, quis nostr etiam processus dynamicus, and mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc. Pa ad minim veniam, quis nostrud exerci trum claram, anteposuerit littera ad minim veniam, quis nostrud exerci trum formas humanitatud exerci tation ullamcorper susc nostrudexe.</p>
            </div>
            <div class="tab-pane" id="tab1-3">
              <h3>I'm in Section 3</h3>
              <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex eim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea coiipit lobmmodo consequata coiipit lobmmodo consequat. Duis autem vel eum iriure dolor in hendrerit in vinim veniam, quis nostrud einim veniam, quis nostrud exerci tation ullamcorper suscipit lobxerci tation ullamcorper suscipit lobul</p>
              <p>Gad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea coiipit lobmmodo consequat. Duis autem vel eum iriure dolor in hendrerit in vinim veniam, quis nostrud einim veniam, qocessus dynamicus, and mutationem consuetuum est notare quam littera gothica, quam nunc. Parum claram, anteposuerit litterarum formas humanitattion ullamcorper suscipit lobul</p>
            </div>
            <div class="tab-pane" id="tab1-4">
              <h3>I'm in Section 4</h3>
              <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex eim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea coiipit lobmmodo consequata coiipit lobmmodo consequat. Duis autem vel eum iriure dolor in hendrerit in vinim veniam, quis nostrud einim veniam, quis nostrud exerci tation ullamcorper suscipit lobxerci tation ullamcorper suscipit lobul</p>
              <p>Gad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea coiipit lobmmodo consequat. Duis autem vel eum iriure dolor in hendrerit in vinim veniam, quis nostrud einim veniam, qocessus dynamicus, and mutationem consuetuum est notare quam littera gothica, quam nunc. Parum claram, anteposuerit litterarum formas humanitattion ullamcorper suscipit lobul</p>
            </div> 
          </div>
        </div>
        
      </div>
    </div>
  </div> 
  <!-- Tabs End -->

  <div class="space60"></div>
  
  <!-- Video -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Video</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
  
        <iframe class="video-content" src="http://player.vimeo.com/video/70149174?color=999999"></iframe>
      
      </div>
    </div>
  </div> 
  <!-- Video End -->

  <div class="space60"></div>
  
  <!-- Content Block -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Content Block</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">

      <div class="col-md-4">
        <div class="content-block">
          <h3><i class="fa fa-fire-extinguisher"></i>Who Is Riley?</h3>
          Claritas est etiam processus dynamicus, and mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc. Parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima.
        </div>  
        <div class="space40"></div>
      </div>
      <div class="col-md-4">
        <div class="content-block">
          <h3><i class="fa fa-plane"></i>From Past To Present</h3>
          Claritas est etiam processus dynamicus, and mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc. Parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima.
        </div>  
        <div class="space40"></div>
      </div>
      <div class="col-md-4">
        <div class="content-block">
          <h3><i class="fa fa-moon-o"></i>Good Night!</h3>
          Claritas est etiam processus dynamicus, and mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc. Parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima.
        </div>  
        <div class="space40"></div>
      </div>  

    </div>
  </div> 
  <!-- Content Block End -->

  <div class="space20"></div>
  
  <!-- Content Box -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Content Box</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
  
        <div class="content-box">
          <h4>Box Title</h4>
          <p>
            Lacus augue, tincidut? Placerat, aliquam ac a natoque sagittis, porta tincidunt vut velit platea amet? Phasellus turpis risus? Odio tincidunt! Nunc adipiscing a enim platea sociis magna! Odio amet et? Ut amet odio aliquam enim nec purus arcu, habitasse et dis nisi. Etiam pulvinar pulvinar porttitor sed vut porta lacus magna ultrices elementum
          </p>  
        </div>
        
      </div>
    </div>
  </div> 
  <!-- Content Box End -->

  <div class="space60"></div>
  
  <!-- Service -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Service</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
    
      <div class="col-md-4">
        <div class="service">  
          <h4>Development</h4>
          <p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named.</p>
          <i class="fa fa-trophy"></i>
        </div>  
        <div class="space40"></div>
      </div> 
      
      <div class="col-md-4">
        <div class="service">  
          <h4>Inovation</h4>
          <p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named.</p>
          <i class="fa fa-fire"></i>
        </div>  
        <div class="space40"></div>
      </div> 
  
      <div class="col-md-4">
        <div class="service">  
          <h4>Marketing</h4>
          <p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named.</p>
          <i class="fa fa-leaf"></i>
        </div>  
        <div class="space40"></div>
      </div> 
      
    </div>
  </div> 
  <!-- Service End -->

  <div class="space20"></div>
  
  <!-- Badges -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Badges</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
  
        <div class="badges">    
          <ul class="list-group">
            <li class="list-group-item">
              <span class="badge">56</span>
              Vibus ac facicenas selisi
            </li>
             <li class="list-group-item">
              <span class="badge">13</span>
              Morbi leo risus varius blsus
            </li>
            <li class="list-group-item">
              <span class="badge">24</span>
              Forta ac constus cenas sed diaectet
            </li>
            <li class="list-group-item">
              <span class="badge">9</span>
              Cras justo odravida at eget mio
            </li>
            <li class="list-group-item">
              <span class="badge">30</span>
              Lonrak donstus znas tid duvolejet
            </li>
          </ul>
        </div>
        
      </div>
    </div>
  </div> 
  <!-- Badges End -->

  <div class="space60"></div>
  
  <!-- List, List 2, List 3 -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>List, List 2, List 3</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
    
      <div class="col-md-4">             
        <ul>
          <li>
            Sopravvissuto nolo velor iaculis.
          </li><li>  
            Le Aorem Ipainsinu ne seeng elit.
          </li><li>  
            Contrair Lorem naliquet mollis.
          </li><li>  
            On sait travailler cotà opinion.
          </li><li>  
            Al contri quaon enodio, ringilla.
          </li><li>  
            Sait depdue gravida porttitor.
          </li>
        </ul>
      </div>
    
      <div class="col-md-4">     
        <ul class="list-2">
          <li>
            <a href="#"><i class="fa fa-check"></i> Sopravvissuto nolo velor iaculis.</a>
          </li><li>  
            <a href="#"><i class="fa fa-trophy"></i> Le Aorem Ipainsinu ne seeng elit.</a>
          </li><li>  
            <a href="#"><i class="fa fa-road"></i> Contrair Lorem naliquet mollis.</a>
          </li><li>  
            <a href="#"><i class="fa fa-puzzle-piece"></i> On sait travailler cotà opinion.</a>
          </li><li>  
            <a href="#"><i class="fa fa-ambulance"></i> Al contri quaon enodio, ringilla.</a>
          </li><li>  
            <a href="#"><i class="fa fa-star"></i> Sait depdue gravida porttitor.</a>
          </li>
        </ul>
      </div>
    
      <div class="col-md-4">     
        <ul class="list-3">
          <li>
            <a href="#"><i class="fa fa-angle-right"></i> Sopravvissuto nolo velor iaculis.</a>
          </li><li>  
            <a href="#"><i class="fa fa-caret-right"></i> Le Aorem Ipainsinu ne seeng elit.</a>
          </li><li>  
            <a href="#"><i class="fa fa-long-arrow-right"></i> Contrair Lorem naliquet mollis.</a>
          </li><li>  
            <a href="#"><i class="fa fa-hand-o-right"></i> On sait travailler cotà opinion.</a>
          </li><li>  
            <a href="#"><i class="fa fa-arrow-right"></i> Al contri quaon enodio, ringilla.</a>
          </li><li>  
            <a href="#"><i class="fa fa-chevron-right"></i> Sait depdue gravida porttitor.</a>
          </li>
        </ul>
      </div>
      
    </div>
  </div> 
  <!-- List, List 2, List 3 End -->

  <div class="space60"></div>
  
  <!-- List 4, List 5 -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>List 4, List 5</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
    
      <div class="col-md-6">     
        <ul class="list-4">
          <li>
            <a href="#"><i class="fa fa-check"></i> Sopravvissuto nolo velor iaculis.</a>
          </li><li>  
            <a href="#"><i class="fa fa-trophy"></i> Le Aorem Ipainsinu ne seeng elit.</a>
          </li><li>  
            <a href="#"><i class="fa fa-road"></i> Contrair Lorem naliquet mollis.</a>
          </li><li>  
            <a href="#"><i class="fa fa-puzzle-piece"></i> On sait travailler cotà opinion.</a>
          </li><li>  
            <a href="#"><i class="fa fa-ambulance"></i> Al contri quaon enodio, ringilla.</a>
          </li><li>  
            <a href="#"><i class="fa fa-star"></i> Sait depdue gravida porttitor.</a>
          </li>
        </ul>
      </div>
    
      <div class="col-md-6">     
        <ul class="list-5">
          <li>
            <a href="#"><i class="fa fa-check"></i> Sopravvissuto nolo velor iaculis.</a>
          </li><li>  
            <a href="#"><i class="fa fa-trophy"></i> Le Aorem Ipainsinu ne seeng elit.</a>
          </li><li>  
            <a href="#"><i class="fa fa-road"></i> Contrair Lorem naliquet mollis.</a>
          </li><li>  
            <a href="#"><i class="fa fa-puzzle-piece"></i> On sait travailler cotà opinion.</a>
          </li><li>  
            <a href="#"><i class="fa fa-ambulance"></i> Al contri quaon enodio, ringilla.</a>
          </li><li>  
            <a href="#"><i class="fa fa-star"></i> Sait depdue gravida porttitor.</a>
          </li>
        </ul>
      </div>
      
    </div>
  </div> 
  <!-- List 4, List 5 End -->

  <div class="space60"></div>
  
  <!-- Divider -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Divider</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
  
        <div class="divider"></div> 
        
      </div>
    </div>
  </div> 
  <!-- Divider End -->

  <div class="space60"></div>
  
  <!-- Form -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Form</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-6 col-md-offset-3">
  
        <form class="form-horizontal login" role="form">
          <div class="form-group">
            <div class="col-md-12">
              <input type="email" class="form-control" id="inputEmail1" placeholder="E-mail">
            </div>
          </div>
          <div class="form-group">
            <div class="col-md-12">
              <input type="password" class="form-control" id="inputPassword1" placeholder="Password">
            </div>
          </div>
          <div class="form-group">
            <div class="col-md-12">
              <button type="submit" class="btn btn-primary">Sign In</button>
            </div>  
          </div>
        </form>
        
      </div>
    </div>
  </div> 
  <!-- Form End -->

  <div class="space60"></div>
  
  <!-- Google Map -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Google Map</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
      
        <iframe id="map" src="https://maps.google.sk/maps/ms?msa=0&msid=210946297010027755543.0004c74af772bb9276d33&ie=UTF8&ll=48.576981,19.13117&spn=0,0&t=m&output=embed"></iframe>

      </div>
    </div>
  </div> 
  <!-- Google Map End -->

  <div class="space60"></div>
  
  <!-- Parallax -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Parallax</h5>
      </div>  
    </div>
  </div> 
      
  <div id="parallax-three" class="parallax" style="background-image:url(img/parallax/02.jpg);">
    <div class="parallax-text-container">
      <div class="parallax-text-item">
        <div class="space110"></div>
        <h2>RILEY MULTIPURPOSE THEME</h2>
        <h3>Present your bussiness at the highest level</h3>
        <div class="space110"></div>
      </div>
    </div>        
  </div> 
  <!-- Parallax End -->

  <div class="space60"></div>
  
  <!-- Typography -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Typography</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">

        <h1>H1 We have the latest proven technology</h1>
        <p>
          font-size: 36px,  font-weight: 300, line-height: 1.4em, padding-top: 0px, padding-bottom: 20px<br>
          Vim illum nonumy mucius eu. Ei quo dictas doctus mediocrem, aliquam indoctum molestiae an mea, usu errem voluptatibus ad. Mea omittam euripidis ea, ullum inermis assueverit id eum, tation maiestatis philosophia sit an. Ea euismod eruditi vis, ne duo hinc agam soluta.
        </p>
        <hr>
        <h2>H2 We have the latest proven technology</h2>
        <p>
          font-size: 31px,  font-weight: 500, line-height: 1.4em, padding-top: 0px, padding-bottom: 20px<br>
          Vim illum nonumy mucius eu. Ei quo dictas doctus mediocrem, aliquam indoctum molestiae an mea, usu errem voluptatibus ad. Mea omittam euripidis ea, ullum inermis assueverit id eum, tation maiestatis philosophia sit an. Ea euismod eruditi vis, ne duo hinc agam soluta.
        </p>
        <hr>
        <h3>H3 We have the latest proven technology</h3>
        <p>
          font-size: 24px,  font-weight: 300, text-transform:uppercase, line-height: 1.4em, padding-top: 0px, padding-bottom: 20px<br>
          Vim illum nonumy mucius eu. Ei quo dictas doctus mediocrem, aliquam indoctum molestiae an mea, usu errem voluptatibus ad. Mea omittam euripidis ea, ullum inermis assueverit id eum, tation maiestatis philosophia sit an. Ea euismod eruditi vis, ne duo hinc agam soluta.
        </p>
        <hr>
        <h4>H4 We have the latest proven technology</h4>
        <p>
          font-size: 24px,  font-weight: 500, line-height: 1.4em, padding-top: 0px, padding-bottom: 15px<br>
          Vim illum nonumy mucius eu. Ei quo dictas doctus mediocrem, aliquam indoctum molestiae an mea, usu errem voluptatibus ad. Mea omittam euripidis ea, ullum inermis assueverit id eum, tation maiestatis philosophia sit an. Ea euismod eruditi vis, ne duo hinc agam soluta.
        </p>
        <hr>
        <h5>H5 We have the latest proven technology</h5>
        <p>
          font-size: 22px,  font-weight: 400, line-height: 1.4em, padding-top: 0px, padding-bottom: 15px<br>
          Vim illum nonumy mucius eu. Ei quo dictas doctus mediocrem, aliquam indoctum molestiae an mea, usu errem voluptatibus ad. Mea omittam euripidis ea, ullum inermis assueverit id eum, tation maiestatis philosophia sit an. Ea euismod eruditi vis, ne duo hinc agam soluta.
        </p>
        <hr>
        <h6>H6 We have the latest proven technology</h6>
        <p>
          font-size: 18px,  font-weight: 600, line-height: 1.4em, padding-top: 0px, padding-bottom: 15px<br>
          Vim illum nonumy mucius eu. Ei quo dictas doctus mediocrem, aliquam indoctum molestiae an mea, usu errem voluptatibus ad. Mea omittam euripidis ea, ullum inermis assueverit id eum, tation maiestatis philosophia sit an. Ea euismod eruditi vis, ne duo hinc agam soluta.
        </p>
        <hr>

      </div>
    </div>
  </div> 
  <!-- Typography End -->

  <div class="space40"></div>
  
  <!-- Buttons -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Buttons</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
                        
        <p>
          <button type="button" class="btn btn-default btn-lg"><i class="fa fa-globe"></i>Large Default</button>
          <button type="button" class="btn btn-default"><i class="fa fa-bell"></i>Default Button</button>
          <button type="button" class="btn btn-default btn-sm">Small Default Button</button>
          <button type="button" class="btn btn-default btn-xs">Extra Small Default</button>
        </p>
        <p>
          <button type="button" class="btn btn-primary btn-lg"><i class="fa fa-anchor"></i>Large Primary</button>
          <button type="button" class="btn btn-primary"><i class="fa fa-fire"></i>Default Primary</button>
          <button type="button" class="btn btn-primary btn-sm">Small Primary Button</button>
          <button type="button" class="btn btn-primary btn-xs">Extra Small Primary</button>
        </p>
        <p>
          <button type="button" class="btn btn-info btn-lg"><i class="fa fa-fire-extinguisher"></i>Large Info</button>
          <button type="button" class="btn btn-info"><i class="fa fa-shield"></i>Default Info</button>
          <button type="button" class="btn btn-info btn-sm">Small Info Button</button>
          <button type="button" class="btn btn-info btn-xs">Extra Small Info</button>
        </p> 
              
      </div>
    </div>
  </div> 
  <!-- Buttons End -->

  <div class="space60"></div>
  
  <!-- Paging -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Paging</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
  
        <ul class="pagination">
          <li><a href="#">&laquo;</a></li>
          <li><a href="#">1</a></li>
          <li class="active"><a href="#">2</a></li>
          <li><a href="#">3</a></li>
          <li><a href="#">4</a></li>
          <li><a href="#">.....</a></li>
          <li><a href="#">96</a></li>
          <li><a href="#">97</a></li>
          <li><a href="#">98</a></li>
          <li><a href="#">99</a></li>
          <li><a href="#">&raquo;</a></li>
        </ul>
        
      </div>
    </div>
  </div> 
  <!-- Paging End -->

  <div class="space60"></div>
  
  <!-- Tags -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Tags</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
  
        <div class="tags">
          <a href="#">WordPress</a>
          <a href="#">Retina</a>
          <a href="#">Webdesign</a>
          <a href="#">Bootstrap</a>
          <a href="#">CMS</a>
          <a href="#">Technology</a>
          <a href="#">Drupal</a>
          <a href="#">CRM</a>
          <a href="#">Post-processing</a>
          <a href="#">Slider</a>
          <a href="#">Tourism</a>
          <a href="#">Joomla</a>
          <a href="#">WooCommerce</a>
          <a href="#">PSD Template</a>
          <a href="#">DTP</a>
          <a href="#">Magento</a>
          <a href="#">Information System</a>
          <a href="#">Plugin</a>
          <a href="#">3D Modeling</a>
          <a href="#">OpenCart</a>
          <a href="#">Azrael</a>
          <a href="#">Sharknado</a>
          <a href="#">Rendering</a>
          <a href="#">Photography</a>
        </div>
        
       <div class="space30"></div>
       
        <div class="tags tags-2">
          <a href="#">WordPress</a>
          <a href="#">Retina</a>
          <a href="#">Webdesign</a>
          <a href="#">Bootstrap</a>
          <a href="#">CMS</a>
          <a href="#">Technology</a>
          <a href="#">Drupal</a>
          <a href="#">CRM</a>
          <a href="#">Post-processing</a>
          <a href="#">Slider</a>
          <a href="#">Tourism</a>
          <a href="#">Joomla</a>
          <a href="#">WooCommerce</a>
          <a href="#">PSD Template</a>
          <a href="#">DTP</a>
          <a href="#">Magento</a>
          <a href="#">Information System</a>
          <a href="#">Plugin</a>
          <a href="#">3D Modeling</a>
          <a href="#">OpenCart</a>
          <a href="#">Azrael</a>
          <a href="#">Sharknado</a>
          <a href="#">Rendering</a>
          <a href="#">Photography</a>
        </div>
        
      </div>
    </div>
  </div> 
  <!-- Tags End -->

  <div class="space60"></div>
  
  <!-- Regular Table -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Regular Table</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
  
        <div class="table-responsive">
          <table class="table table-bordered">
            <thead>
              <tr>
                <th>Head 01</th>
                <th>Head 02</th>
                <th>Head 03</th>
                <th>Head 04</th>
                <th>Head 05</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>Data 01</td>
                <td>Data 01</td>
                <td>Data 01</td>
                <td>Data 01</td>
                <td>Data 01</td>
              </tr>  
              <tr>
                <td>Data 02</td>
                <td>Data 02</td>
                <td>Data 02</td>
                <td>Data 02</td>
                <td>Data 02</td>
              </tr>  
              <tr>
                <td>Data 03</td>
                <td>Data 03</td>
                <td>Data 03</td>
                <td>Data 03</td>
                <td>Data 02</td>
              </tr>  
            </tbody>
          </table>
        </div>
        
      </div>
    </div>
  </div> 
  <!-- Regular Table End -->

  <div class="space60"></div>
  
  <!-- Regular Table 2 -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Regular Table 2</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
  
        <div class="table-responsive table-2">
          <table class="table table-bordered">
            <thead>
              <tr>
                <th>Head 01</th>
                <th>Head 02</th>
                <th>Head 03</th>
                <th>Head 04</th>
                <th>Head 05</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>Data 01</td>
                <td>Data 01</td>
                <td>Data 01</td>
                <td>Data 01</td>
                <td>Data 01</td>
              </tr>  
              <tr>
                <td>Data 02</td>
                <td>Data 02</td>
                <td>Data 02</td>
                <td>Data 02</td>
                <td>Data 02</td>
              </tr>  
              <tr>
                <td>Data 03</td>
                <td>Data 03</td>
                <td>Data 03</td>
                <td>Data 03</td>
                <td>Data 02</td>
              </tr>  
            </tbody>
          </table>
        </div>
        
      </div>
    </div>
  </div> 
  <!-- Regular Table 2 End -->

  <div class="space60"></div>
  
  <!-- Oslotron -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Oslotron</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
  
        <div class="oslotron">
          <h2>Hello, World!</h2>
          <p>
            Labore et dolore magnam aliquam quaerat volupiam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sintoc saedat cupidtatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit.
          </p>
          <button class="btn btn-primary color-2 rounded">Follow Me on Gowalla</button>
        </div>  
        
      </div>
    </div>
  </div> 
  <!-- Oslotron End -->

  <div class="space60"></div>
  
  <!-- Blockquote -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Blockquote</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
  
        <blockquote> 
          <h4>Portanees hitau fedrum jolqin instager</h4> 
          Fijusmod tempor incididunt utlabore veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sintoc saedat cupidatat noroident, sofficia deserunt mollit anim id est lab.            
        </blockquote>
        
      </div>
    </div>
  </div> 
  <!-- Blockquote End -->

  <div class="space60"></div>
  
  <!-- Client Says -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Client Says</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
    
      <div class="col-md-6">      
        <div class="client-says">
          <div class="client-text">   
            “Clariteniam, quis nostrud exercitation ullamco laboris. Aute irure dolor in repreh wypas candy canes toffee. Co adipisicing elit, sed do eiusmod tempor incididunt ut laboenderit in voluptate velit esse cillum dudium lectorum. Mirum est notare quam liquam at erat in purus aliquet mollis. Fusce ele velit nibeh.”
          </div>  
          <div class="client-name">
            <i class="fa fa-quote-right"></i><strong>John Doe</strong>, Evton Inc.
          </div>  
        </div> 
      </div>
      
      <div class="col-md-6">      
        <div class="client-says-2">
          <div class="client-text">   
            “Amco laboris. Aute irure dolor in repreh wypas candy canes toffee. Co adipisicing elit, sed do eiusmod tempor incididunt ut laboenderit in voluptate velit esse cillum dudium lectorum. Miclar iteniam, quis nostrud exercitation ullrum est notare quam liq. Fusce ele velit nibeh. Tuam at erat in purus aliquet mollis. ”
          </div>  
          <div class="client-name">
            Adriana Tehaal, Balio G.M.B.H.
          </div>  
        </div> 
      </div>
      
    </div>
  </div> 
  <!-- Client Says End -->

  <div class="space60"></div>
  
  <!-- Progress Bar -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Progress Bar</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
  
        <div class="progress-bar-shortcode">
          <div class="progress">          
            <div class="progress-bar" role="progressbar" data-percentage="80">
              <span class="progress-bar-span">Webdesign 82%</span>
            </div>
          </div>  
   
          <div class="progress">         
            <div class="progress-bar" role="progressbar" data-percentage="60">
              <span class="progress-bar-span">Print 70%</span>
            </div>
          </div>  
  
          <div class="progress">          
            <div class="progress-bar" role="progressbar" data-percentage="90">
              <span class="progress-bar-span">WooCommerce 90%</span>
            </div>
          </div>  
 
          <div class="progress">          
            <div class="progress-bar" role="progressbar" data-percentage="100">
              <span class="progress-bar-span">WordPress 100%</span>
            </div>
          </div>  
   
          <div class="progress">          
            <div class="progress-bar" role="progressbar" data-percentage="85">
              <span class="progress-bar-span">Drupal 85%</span>
            </div>
          </div>  
        </div>
        
      </div>
    </div>
  </div> 
  <!-- Progress Bar End -->

  <div class="space60"></div>
  
  <!-- Progress Bar 2 -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Progress Bar 2</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
  
        <div class="progress progress-striped">
          <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
            <span class="sr-only">40% Complete (success)</span>
          </div>
        </div>
        <div class="progress progress-striped">
          <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
            <span class="sr-only">20% Complete</span>
          </div>
        </div>
        <div class="progress progress-striped">
          <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
            <span class="sr-only">60% Complete (warning)</span>
          </div>
        </div>
        <div class="progress progress-striped">
          <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
            <span class="sr-only">80% Complete (danger)</span>
          </div>
        </div>  
        
      </div>
    </div>
  </div> 
  <!-- Progress Bar 2 End -->

  <div class="space60"></div>
  
  <!-- Alerts -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Alerts</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
  
        <div class="alert alert-error">
          <button type="button" class="close" data-dismiss="alert">&times;</button>
          <strong>Error!</strong> Change a few things up and try submitting again.
        </div>

        <div class="alert alert-success">
          <button type="button" class="close" data-dismiss="alert">&times;</button>
          <strong>Well done!</strong> You successfully read this important alert message.
        </div>

        <div class="alert alert-info">
          <button type="button" class="close" data-dismiss="alert">&times;</button>
          <strong>Heads up!</strong> This alert needs your attention.
        </div>

        <div class="alert">
          <button type="button" class="close" data-dismiss="alert">&times;</button>
          <strong>Warning!</strong> Best check yo self, you're not looking too good.
        </div>
        
      </div>
    </div>
  </div> 
  <!-- Alerts End -->

  <div class="space60"></div>
  
  <!-- Social Icons -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Social Icons</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
      <div class="col-md-12">
  
        <div class="social">
          <a href="#"><i class="fa fa-adn"></i></a>
          <a href="#"><i class="fa fa-android"></i></a>
          <a href="#"><i class="fa fa-apple"></i></a>
          <a href="#"><i class="fa fa-bitbucket"></i></a>
          <a href="#"><i class="fa fa-bitbucket-square"></i></a>
          <a href="#"><i class="fa fa-bitcoin"></i></a>
          <a href="#"><i class="fa fa-css3"></i></a>
          <a href="#"><i class="fa fa-dribbble"></i></a>
          <a href="#"><i class="fa fa-dropbox"></i></a>
          <a href="#"><i class="fa fa-facebook"></i></a>
          <a href="#"><i class="fa fa-facebook-square"></i></a>
          <a href="#"><i class="fa fa-flickr"></i></a>
          <a href="#"><i class="fa fa-foursquare"></i></a>
          <a href="#"><i class="fa fa-github"></i></a>
          <a href="#"><i class="fa fa-github-alt"></i></a>
          <a href="#"><i class="fa fa-github-square"></i></a>
          <a href="#"><i class="fa fa-gittip"></i></a>
          <a href="#"><i class="fa fa-google-plus"></i></a>
          <a href="#"><i class="fa fa-google-plus-square"></i></a>
          <a href="#"><i class="fa fa-html5"></i></a>
          <a href="#"><i class="fa fa-instagram"></i></a>
          <a href="#"><i class="fa fa-linkedin"></i></a>
          <a href="#"><i class="fa fa-linkedin-square"></i></a>
          <a href="#"><i class="fa fa-linux"></i></a>
          <a href="#"><i class="fa fa-maxcdn"></i></a>
          <a href="#"><i class="fa fa-pagelines"></i></a>
          <a href="#"><i class="fa fa-pinterest"></i></a>
          <a href="#"><i class="fa fa-pinterest-square"></i></a>
          <a href="#"><i class="fa fa-renren"></i></a>
          <a href="#"><i class="fa fa-skype"></i></a>
          <a href="#"><i class="fa fa-stack-exchange"></i></a>
          <a href="#"><i class="fa fa-stack-overflow"></i></a>
          <a href="#"><i class="fa fa-trello"></i></a>
          <a href="#"><i class="fa fa-tumblr"></i></a>
          <a href="#"><i class="fa fa-tumblr-square"></i></a>
          <a href="#"><i class="fa fa-twitter"></i></a>
          <a href="#"><i class="fa fa-twitter-square"></i></a>
          <a href="#"><i class="fa fa-vimeo-square"></i></a>
          <a href="#"><i class="fa fa-vk"></i></a>
          <a href="#"><i class="fa fa-weibo"></i></a>
          <a href="#"><i class="fa fa-windows"></i></a>
          <a href="#"><i class="fa fa-xing"></i></a>
          <a href="#"><i class="fa fa-xing-square"></i></a>
          <a href="#"><i class="fa fa-youtube"></i></a>
          <a href="#"><i class="fa fa-youtube-play"></i></a>
          <a href="#"><i class="fa fa-youtube-square"></i></a>
        </div>  
        
        <div class="space40"></div>
        
        <div class="social-2">
          <a href="#"><i class="fa fa-adn"></i></a>
          <a href="#"><i class="fa fa-android"></i></a>
          <a href="#"><i class="fa fa-apple"></i></a>
          <a href="#"><i class="fa fa-bitbucket"></i></a>
          <a href="#"><i class="fa fa-bitbucket-square"></i></a>
          <a href="#"><i class="fa fa-bitcoin"></i></a>
          <a href="#"><i class="fa fa-css3"></i></a>
          <a href="#"><i class="fa fa-dribbble"></i></a>
          <a href="#"><i class="fa fa-dropbox"></i></a>
          <a href="#"><i class="fa fa-facebook"></i></a>
          <a href="#"><i class="fa fa-facebook-square"></i></a>
          <a href="#"><i class="fa fa-flickr"></i></a>
          <a href="#"><i class="fa fa-foursquare"></i></a>
          <a href="#"><i class="fa fa-github"></i></a>
          <a href="#"><i class="fa fa-github-alt"></i></a>
          <a href="#"><i class="fa fa-github-square"></i></a>
          <a href="#"><i class="fa fa-gittip"></i></a>
          <a href="#"><i class="fa fa-google-plus"></i></a>
          <a href="#"><i class="fa fa-google-plus-square"></i></a>
          <a href="#"><i class="fa fa-html5"></i></a>
          <a href="#"><i class="fa fa-instagram"></i></a>
          <a href="#"><i class="fa fa-linkedin"></i></a>
          <a href="#"><i class="fa fa-linkedin-square"></i></a>
          <a href="#"><i class="fa fa-linux"></i></a>
          <a href="#"><i class="fa fa-maxcdn"></i></a>
          <a href="#"><i class="fa fa-pagelines"></i></a>
          <a href="#"><i class="fa fa-pinterest"></i></a>
          <a href="#"><i class="fa fa-pinterest-square"></i></a>
          <a href="#"><i class="fa fa-renren"></i></a>
          <a href="#"><i class="fa fa-skype"></i></a>
          <a href="#"><i class="fa fa-stack-exchange"></i></a>
          <a href="#"><i class="fa fa-stack-overflow"></i></a>
          <a href="#"><i class="fa fa-trello"></i></a>
          <a href="#"><i class="fa fa-tumblr"></i></a>
          <a href="#"><i class="fa fa-tumblr-square"></i></a>
          <a href="#"><i class="fa fa-twitter"></i></a>
          <a href="#"><i class="fa fa-twitter-square"></i></a>
          <a href="#"><i class="fa fa-vimeo-square"></i></a>
          <a href="#"><i class="fa fa-vk"></i></a>
          <a href="#"><i class="fa fa-weibo"></i></a>
          <a href="#"><i class="fa fa-windows"></i></a>
          <a href="#"><i class="fa fa-xing"></i></a>
          <a href="#"><i class="fa fa-xing-square"></i></a>
          <a href="#"><i class="fa fa-youtube"></i></a>
          <a href="#"><i class="fa fa-youtube-play"></i></a>
          <a href="#"><i class="fa fa-youtube-square"></i></a>
        </div>  
        
        <div class="space40"></div>
        
        <div class="social-3">
          <a href="#"><i class="fa fa-adn"></i></a>
          <a href="#"><i class="fa fa-android"></i></a>
          <a href="#"><i class="fa fa-apple"></i></a>
          <a href="#"><i class="fa fa-bitbucket"></i></a>
          <a href="#"><i class="fa fa-bitbucket-square"></i></a>
          <a href="#"><i class="fa fa-bitcoin"></i></a>
          <a href="#"><i class="fa fa-css3"></i></a>
          <a href="#"><i class="fa fa-dribbble"></i></a>
          <a href="#"><i class="fa fa-dropbox"></i></a>
          <a href="#"><i class="fa fa-facebook"></i></a>
          <a href="#"><i class="fa fa-facebook-square"></i></a>
          <a href="#"><i class="fa fa-flickr"></i></a>
          <a href="#"><i class="fa fa-foursquare"></i></a>
          <a href="#"><i class="fa fa-github"></i></a>
          <a href="#"><i class="fa fa-github-alt"></i></a>
          <a href="#"><i class="fa fa-github-square"></i></a>
          <a href="#"><i class="fa fa-gittip"></i></a>
          <a href="#"><i class="fa fa-google-plus"></i></a>
          <a href="#"><i class="fa fa-google-plus-square"></i></a>
          <a href="#"><i class="fa fa-html5"></i></a>
          <a href="#"><i class="fa fa-instagram"></i></a>
          <a href="#"><i class="fa fa-linkedin"></i></a>
          <a href="#"><i class="fa fa-linkedin-square"></i></a>
          <a href="#"><i class="fa fa-linux"></i></a>
          <a href="#"><i class="fa fa-maxcdn"></i></a>
          <a href="#"><i class="fa fa-pagelines"></i></a>
          <a href="#"><i class="fa fa-pinterest"></i></a>
          <a href="#"><i class="fa fa-pinterest-square"></i></a>
          <a href="#"><i class="fa fa-renren"></i></a>
          <a href="#"><i class="fa fa-skype"></i></a>
          <a href="#"><i class="fa fa-stack-exchange"></i></a>
          <a href="#"><i class="fa fa-stack-overflow"></i></a>
          <a href="#"><i class="fa fa-trello"></i></a>
          <a href="#"><i class="fa fa-tumblr"></i></a>
          <a href="#"><i class="fa fa-tumblr-square"></i></a>
          <a href="#"><i class="fa fa-twitter"></i></a>
          <a href="#"><i class="fa fa-twitter-square"></i></a>
          <a href="#"><i class="fa fa-vimeo-square"></i></a>
          <a href="#"><i class="fa fa-vk"></i></a>
          <a href="#"><i class="fa fa-weibo"></i></a>
          <a href="#"><i class="fa fa-windows"></i></a>
          <a href="#"><i class="fa fa-xing"></i></a>
          <a href="#"><i class="fa fa-xing-square"></i></a>
          <a href="#"><i class="fa fa-youtube"></i></a>
          <a href="#"><i class="fa fa-youtube-play"></i></a>
          <a href="#"><i class="fa fa-youtube-square"></i></a>
        </div> 
         
        <div class="space40"></div>
               
        <div class="social-4">
          <a href="#"><i class="fa fa-adn"></i></a>
          <a href="#"><i class="fa fa-android"></i></a>
          <a href="#"><i class="fa fa-apple"></i></a>
          <a href="#"><i class="fa fa-bitbucket"></i></a>
          <a href="#"><i class="fa fa-bitbucket-square"></i></a>
          <a href="#"><i class="fa fa-bitcoin"></i></a>
          <a href="#"><i class="fa fa-css3"></i></a>
          <a href="#"><i class="fa fa-dribbble"></i></a>
          <a href="#"><i class="fa fa-dropbox"></i></a>
          <a href="#"><i class="fa fa-facebook"></i></a>
          <a href="#"><i class="fa fa-facebook-square"></i></a>
          <a href="#"><i class="fa fa-flickr"></i></a>
          <a href="#"><i class="fa fa-foursquare"></i></a>
          <a href="#"><i class="fa fa-github"></i></a>
          <a href="#"><i class="fa fa-github-alt"></i></a>
          <a href="#"><i class="fa fa-github-square"></i></a>
          <a href="#"><i class="fa fa-gittip"></i></a>
          <a href="#"><i class="fa fa-google-plus"></i></a>
          <a href="#"><i class="fa fa-google-plus-square"></i></a>
          <a href="#"><i class="fa fa-html5"></i></a>
          <a href="#"><i class="fa fa-instagram"></i></a>
          <a href="#"><i class="fa fa-linkedin"></i></a>
          <a href="#"><i class="fa fa-linkedin-square"></i></a>
          <a href="#"><i class="fa fa-linux"></i></a>
          <a href="#"><i class="fa fa-maxcdn"></i></a>
          <a href="#"><i class="fa fa-pagelines"></i></a>
          <a href="#"><i class="fa fa-pinterest"></i></a>
          <a href="#"><i class="fa fa-pinterest-square"></i></a>
          <a href="#"><i class="fa fa-renren"></i></a>
          <a href="#"><i class="fa fa-skype"></i></a>
          <a href="#"><i class="fa fa-stack-exchange"></i></a>
          <a href="#"><i class="fa fa-stack-overflow"></i></a>
          <a href="#"><i class="fa fa-trello"></i></a>
          <a href="#"><i class="fa fa-tumblr"></i></a>
          <a href="#"><i class="fa fa-tumblr-square"></i></a>
          <a href="#"><i class="fa fa-twitter"></i></a>
          <a href="#"><i class="fa fa-twitter-square"></i></a>
          <a href="#"><i class="fa fa-vimeo-square"></i></a>
          <a href="#"><i class="fa fa-vk"></i></a>
          <a href="#"><i class="fa fa-weibo"></i></a>
          <a href="#"><i class="fa fa-windows"></i></a>
          <a href="#"><i class="fa fa-xing"></i></a>
          <a href="#"><i class="fa fa-xing-square"></i></a>
          <a href="#"><i class="fa fa-youtube"></i></a>
          <a href="#"><i class="fa fa-youtube-play"></i></a>
          <a href="#"><i class="fa fa-youtube-square"></i></a>
        </div> 
                
        <div class="space40"></div>
        
        <div class="social-5">
          <a href="#"><i class="fa fa-adn"></i></a>
          <a href="#"><i class="fa fa-android"></i></a>
          <a href="#"><i class="fa fa-apple"></i></a>
          <a href="#"><i class="fa fa-bitbucket"></i></a>
          <a href="#"><i class="fa fa-bitbucket-square"></i></a>
          <a href="#"><i class="fa fa-bitcoin"></i></a>
          <a href="#"><i class="fa fa-css3"></i></a>
          <a href="#"><i class="fa fa-dribbble"></i></a>
          <a href="#"><i class="fa fa-dropbox"></i></a>
          <a href="#"><i class="fa fa-facebook"></i></a>
          <a href="#"><i class="fa fa-facebook-square"></i></a>
          <a href="#"><i class="fa fa-flickr"></i></a>
          <a href="#"><i class="fa fa-foursquare"></i></a>
          <a href="#"><i class="fa fa-github"></i></a>
          <a href="#"><i class="fa fa-github-alt"></i></a>
          <a href="#"><i class="fa fa-github-square"></i></a>
          <a href="#"><i class="fa fa-gittip"></i></a>
          <a href="#"><i class="fa fa-google-plus"></i></a>
          <a href="#"><i class="fa fa-google-plus-square"></i></a>
          <a href="#"><i class="fa fa-html5"></i></a>
          <a href="#"><i class="fa fa-instagram"></i></a>
          <a href="#"><i class="fa fa-linkedin"></i></a>
          <a href="#"><i class="fa fa-linkedin-square"></i></a>
          <a href="#"><i class="fa fa-linux"></i></a>
          <a href="#"><i class="fa fa-maxcdn"></i></a>
          <a href="#"><i class="fa fa-pagelines"></i></a>
          <a href="#"><i class="fa fa-pinterest"></i></a>
          <a href="#"><i class="fa fa-pinterest-square"></i></a>
          <a href="#"><i class="fa fa-renren"></i></a>
          <a href="#"><i class="fa fa-skype"></i></a>
          <a href="#"><i class="fa fa-stack-exchange"></i></a>
          <a href="#"><i class="fa fa-stack-overflow"></i></a>
          <a href="#"><i class="fa fa-trello"></i></a>
          <a href="#"><i class="fa fa-tumblr"></i></a>
          <a href="#"><i class="fa fa-tumblr-square"></i></a>
          <a href="#"><i class="fa fa-twitter"></i></a>
          <a href="#"><i class="fa fa-twitter-square"></i></a>
          <a href="#"><i class="fa fa-vimeo-square"></i></a>
          <a href="#"><i class="fa fa-vk"></i></a>
          <a href="#"><i class="fa fa-weibo"></i></a>
          <a href="#"><i class="fa fa-windows"></i></a>
          <a href="#"><i class="fa fa-xing"></i></a>
          <a href="#"><i class="fa fa-xing-square"></i></a>
          <a href="#"><i class="fa fa-youtube"></i></a>
          <a href="#"><i class="fa fa-youtube-play"></i></a>
          <a href="#"><i class="fa fa-youtube-square"></i></a>
        </div> 
                
        <div class="space40"></div>
        
        <div class="social-6">
          <a href="#"><i class="fa fa-adn"></i></a>
          <a href="#"><i class="fa fa-android"></i></a>
          <a href="#"><i class="fa fa-apple"></i></a>
          <a href="#"><i class="fa fa-bitbucket"></i></a>
          <a href="#"><i class="fa fa-bitbucket-square"></i></a>
          <a href="#"><i class="fa fa-bitcoin"></i></a>
          <a href="#"><i class="fa fa-css3"></i></a>
          <a href="#"><i class="fa fa-dribbble"></i></a>
          <a href="#"><i class="fa fa-dropbox"></i></a>
          <a href="#"><i class="fa fa-facebook"></i></a>
          <a href="#"><i class="fa fa-facebook-square"></i></a>
          <a href="#"><i class="fa fa-flickr"></i></a>
          <a href="#"><i class="fa fa-foursquare"></i></a>
          <a href="#"><i class="fa fa-github"></i></a>
          <a href="#"><i class="fa fa-github-alt"></i></a>
          <a href="#"><i class="fa fa-github-square"></i></a>
          <a href="#"><i class="fa fa-gittip"></i></a>
          <a href="#"><i class="fa fa-google-plus"></i></a>
          <a href="#"><i class="fa fa-google-plus-square"></i></a>
          <a href="#"><i class="fa fa-html5"></i></a>
          <a href="#"><i class="fa fa-instagram"></i></a>
          <a href="#"><i class="fa fa-linkedin"></i></a>
          <a href="#"><i class="fa fa-linkedin-square"></i></a>
          <a href="#"><i class="fa fa-linux"></i></a>
          <a href="#"><i class="fa fa-maxcdn"></i></a>
          <a href="#"><i class="fa fa-pagelines"></i></a>
          <a href="#"><i class="fa fa-pinterest"></i></a>
          <a href="#"><i class="fa fa-pinterest-square"></i></a>
          <a href="#"><i class="fa fa-renren"></i></a>
          <a href="#"><i class="fa fa-skype"></i></a>
          <a href="#"><i class="fa fa-stack-exchange"></i></a>
          <a href="#"><i class="fa fa-stack-overflow"></i></a>
          <a href="#"><i class="fa fa-trello"></i></a>
          <a href="#"><i class="fa fa-tumblr"></i></a>
          <a href="#"><i class="fa fa-tumblr-square"></i></a>
          <a href="#"><i class="fa fa-twitter"></i></a>
          <a href="#"><i class="fa fa-twitter-square"></i></a>
          <a href="#"><i class="fa fa-vimeo-square"></i></a>
          <a href="#"><i class="fa fa-vk"></i></a>
          <a href="#"><i class="fa fa-weibo"></i></a>
          <a href="#"><i class="fa fa-windows"></i></a>
          <a href="#"><i class="fa fa-xing"></i></a>
          <a href="#"><i class="fa fa-xing-square"></i></a>
          <a href="#"><i class="fa fa-youtube"></i></a>
          <a href="#"><i class="fa fa-youtube-play"></i></a>
          <a href="#"><i class="fa fa-youtube-square"></i></a>
        </div> 
        
      </div>
    </div>
  </div> 
  <!-- Social Icons End -->

  <div class="space60"></div>
  
  <!-- Testimonials -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Testimonials</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
    
      <div class="col-md-6">
        <div class="testimonial">
          <!-- Testimonial Content --> 
          1 De nombreuses suites logicielles de mise en page ou éditeurs de sites Web ont fait du Lorem Ipsum leur faux texte par défaut, etina une recherche pour 'Lorem Ipsum' vous conduira vers de asolen nombreux sites qui n'en sont encore qu'à leur phase de. 
          <br /><br />
          <!-- Author --> 
          <strong>Marco Derianti</strong> 
          <span class="function">software developer</span>
        </div>
      </div>
      
      <div class="col-md-6">
        <div class="testimonial-2">
          <div class="col-md-4">
            <img src="img/team/01.jpg" alt=""> 
            <h5>Luhar Deo</h5>
            <div class="function">Webdesigner</div>
          </div> 
          <div class="col-md-8">
            <p>Nibhu len, quis faunissim hen urlus mattis mid elementum dictumst dignissim dapibucidunt rhoncus massa in in risus nunc aaunissim hendrerit nibh, quis faudrerit nibh, quis fausim hendrerit nibh, quism hendreit nibh, quis farerit nih, qus fausim hendrerit nibh, quderit nibh, quis fausim hererit nibh, quis faun.</p>
          </div> 
        </div>  
      </div>
      
    </div>
  </div> 
  <!-- Testimonials End -->

  <div class="space60"></div>
  
  <!-- Partners -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Partners</h5>
      </div>  
    </div>
  </div> 
      
  <div class="container">
    <div class="row">
    
      <div class="col-md-12"> 
        <ul class="partners-4">  
          <li> 
            <img src="img/partners/01.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/02.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/03.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/04.png" alt="">
          </li> 
        </ul>         
      </div>
      
      <div class="space40"></div>
      
      <div class="col-md-12"> 
        <ul class="partners-5">  
          <li> 
            <img src="img/partners/01.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/02.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/03.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/04.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/05.png" alt="">
          </li> 
        </ul>
      </div>
      
      <div class="space40"></div>
      
      <div class="col-md-12"> 
        <ul class="partners-6">  
          <li> 
            <img src="img/partners/01.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/02.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/03.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/04.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/05.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/06.png" alt="">
          </li> 
        </ul>
      </div>
            
      <div class="space40"></div>
      
      <div class="col-md-12"> 
        <ul class="partners-7">  
          <li> 
            <img src="img/partners/01.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/02.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/03.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/04.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/05.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/06.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/02.png" alt="">
          </li> 
        </ul>
      </div>

    </div>
  </div> 
  <!-- Partners End -->

  <div class="space60"></div>
  
  <!-- Recent News -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Recent News</h5>
      </div>  
    </div>
  </div> 
  
  <div class="space10"></div>
      
  <div class="container">
    <div class="row">
    
      <div class="col-md-3 col-sm-6">  
      
        <div class="item-box">
          <div class="media-container">
            <img src="img/recent-news/01.jpg" alt="">
            <a href="#" class="icon-left"><i class="fa fa-chain"></i></a>
            <a href="#" class="icon-right"><i class="fa fa-arrows-alt"></i></a>
          </div>
          <div class="info-container">
            <h3>Polymerization</h3>
            <h4>10 May 2014 | Comments</h4>
            <p>Solit anie wafer wypas candy canes toffee. Co adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
          </div>
        </div>
        <div class="space40"></div>  
        
      </div> 

      <div class="col-md-3 col-sm-6">  
      
        <div class="item-box">
          <div class="media-container">
            <img src="img/recent-news/02.jpg" alt="">
            <a href="#" class="icon-left"><i class="fa fa-book"></i></a>
            <a href="#" class="icon-right"><i class="fa fa-search"></i></a>
          </div>
          <div class="info-container">
            <h3>Wifi Sync-Start</h3>
            <h4>12 May 2014 | Comments</h4>
            <p>Solit anie wafer wypas candy canes toffee. Co adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
          </div>
        </div>
        <div class="space40"></div>  
        
      </div> 

      <div class="col-md-3 col-sm-6">  
      
        <div class="item-box">
          <div class="media-container">
            <img src="img/recent-news/03.jpg" alt="">
            <a href="#" class="icon-left"><i class="fa fa-align-left"></i></a>
            <a href="#" class="icon-right"><i class="fa fa-search-plus"></i></a>
          </div>
          <div class="info-container">
            <h3>30" Retina Display</h3>
            <h4>14 May 2014 | Comments</h4>
            <p>Solit anie wafer wypas candy canes toffee. Co adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
          </div>
        </div>
        <div class="space40"></div>  
        
      </div> 
      
      <div class="col-md-3 col-sm-6">  
      
        <div class="item-box">
          <div class="media-container">
            <img src="img/recent-news/04.jpg" alt="">
            <a href="#" class="icon-left"><i class="fa fa-wheelchair"></i></a>
            <a href="#" class="icon-right"><i class="fa fa-plus"></i></a>
          </div>
          <div class="info-container">
            <h3>X-ray Inspection</h3>
            <h4>15 May 2014 | Comments</h4>
            <p>Solit anie wafer wypas candy canes toffee. Co adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
          </div>
        </div>
        <div class="space40"></div>  
        
      </div> 

    </div>
  </div> 
  <!-- Recent News End -->

  <div class="space60"></div>
  <!-- Content End -->
           
  <!-- Footer -->  
  <footer class="footer">

    <!-- Parallax --> 
    <div id="parallax-one" class="parallax" style="background-image:url(img/parallax/02.jpg);">
      <div class="footer-promo">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <h2>MODERN PROMO BOX</h2>
              <h4>Present Yourself</h4>
            </div>
          </div>
        </div>
      </div>
    </div> 
    <!-- Parallax End --> 

    <div class="footer-info">
      <div class="container">
        <div class="row">
          <div class="col-md-3 col-sm-6">
            <h6>ABOUT US</h6>         
            Tingue phasellus mattis mid elementum dictumst dignissa in in risus nunc aaunissim hendrerit nibeh.<br>
            <br>
            Mon – Fri : 10 AM to 5 PM<br>
            Sat – Sun : 10 AM to 2 PM<br>
            <div class="space30"></div>
          </div>
          <div class="col-md-3 col-sm-6">
            <h6>RECENT NEWS</h6>      
            <ul class="list-5">
              <li>
                <a href="#"><i class="fa fa-caret-right"></i> Soprav sutoro selo niaculis</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Le insinuyva holeik nelid</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Contrair to batusel korem</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Oncotà fan the opinan</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Sait depdubali behod ratitor</a>
              </li>
            </ul>
            <div class="space30"></div>
          </div>
          <div class="col-md-3 col-sm-6">
            <h6>CONTACT INFO</h6>
            81 Sunnyvale Street<br>
            Los Angeles, CA 90185<br>
            United States<br>
            <br>
            <div class="item-icon">
              <i class="fa fa-phone"></i>
              (613) 555-0000-852<br>
            </div>
            <div class="item-icon">
              <i class="fa fa-envelope"></i>
              <a href="mailto:info@riley-template.com">info@riley-template.com</a><br>
            </div>
            <div class="item-icon">
              <i class="fa fa-comment"></i>
              <a href="mailto:chat@riley-template.com">chat@riley-template.com</a><br>
            </div>
            <div class="space30"></div>
          </div>
          <div class="col-md-3 col-sm-6">
            <h6>FLICKR PHOTOS</h6>
            <div class="flickr">
              <a href="#"><img src="img/flickr/01.jpg" alt=""></a>
              <a href="#"><img src="img/flickr/02.jpg" alt=""></a>
              <a href="#"><img src="img/flickr/03.jpg" alt=""></a> 
              <a href="#"><img src="img/flickr/04.jpg" alt=""></a> 
              <a href="#"><img src="img/flickr/05.jpg" alt=""></a> 
              <a href="#"><img src="img/flickr/06.jpg" alt=""></a> 
            </div>
            <div class="space30"></div>
          </div>
        </div>
      </div>
    </div>

    <div class="copyright"> 
      <div class="container">  
        <div class="row">
          <div class="col-md-4 col-sm-4">
            <div  class="logo-footer">  
                <img src="img/logo-footer.png" alt="">
            </div>     
          </div>  
          <div class="col-md-8 col-sm-8">
            <div class="copyright-info">
              &copy; 2014 RILEY. All Rights Reserved. Designed & powered by <a href="../index.html" rel="external" class="entiri">entiri</a>
            </div>
          </div>  
        </div> 
      </div>  
    </div>
    
  </footer>     
  <!-- Footer End --> 
  
  <a href="#" class="back-to-top"><span></span></a> 

  <!-- JavaScripts -->
  <script type="text/javascript" src="js/jquery-1.10.2.js"></script>                                                       
  <script type="text/javascript" src="js/bootstrap.js"></script>  
  <script type="text/javascript" src="js/jquery.easing.js"></script>  
  <script type="text/javascript" src="js/jquery.sticky.js"></script>
  <script type="text/javascript" src="js/tinynav.min.js"></script>      
  <script type="text/javascript" src="js/animate.js"></script>
  <script type="text/javascript" src="js/jquery.fitvids.js"></script> 
  <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
  <script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
  <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script> 
  <script type="text/javascript" src="js/retina.js"></script> 
  <script type="text/javascript" src="js/respond.min.js"></script> 
  <script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
  <script type="text/javascript" src="js/jquery.refineslide.js"></script>
  <script type="text/javascript" src="layerslider/js/greensock.js"></script>
  <script type="text/javascript" src="layerslider/js/layerslider.transitions.js"></script>
  <script type="text/javascript" src="layerslider/js/layerslider.kreaturamedia.jquery.js"></script>
  <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
  <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
  <script type="text/javascript" src="js/functions.js"></script> 
        
</body>
</html>
         
<!-- Localized -->